Create favicon - change favicon on Blogger

Create favicon - change favicon on Blogger

Before we learn how to create and change favicon on Blogger I will take a briefshort on what is a favicon.

What is a favicon

If you have ever bookmarked a webpage before you must have seen the icon that appears before the bookmarked page or website. That is the favicon.

Therefore, a favicon is the icon that represents or identifies a webpage/website on the internet. It always appears before the URL.

In a Blogger blogspot website, there is the default favicon for each blog that is the Blogger favicon.

Blogger favicon

In order to make your blog to look unique and professional changing Blogger default favicon to a custom favicon is very important.

In order to change favicon on Blogger, you need to create favicon.

To create favicon for free go to favicon.io. it is a free favicon generator tool.

With the favicon generator page you can edit your favicon as you wanted.

Below is the screenshot of the favicon generator on favicon.io

Using the text you insert the text you want to be displayed on the logo like on the preview on the above picture. However, I recommend your text should be at maximum of two letters in order to be displayed fully on the Logo.

On the Background you give your logo a shape. Either Square, cycle, or rounded.

On the font, the favicon generator uses Google fonts which has 800+ fonts that you can choose from.

Now you can change your fonts variation, size (400 normal size), and color.

You still need to change background color.

Now you can see the preview of your logo at the top (the preview don't work on every mobile device, you need to switch to the desktop version). When it is nice you can now download it.

Now that you have create favicon you can go straight to change favicon on Blogger blogspot website.

To do that simply sign-in to blogger.com and login to your dashboard and choose the blog you want to change favicon on Blogger.

Using the left menu select settings

In the settings scroll down to "Google analytics property" and click "favicon" under it.

Now a "configure favicon" will pop up, where you will need to add your favicon.

Important: your favicon must be square and within 100KB.

Now click "choose file" and you will be directed to your file explorer where you need to choose your downloaded favicon.

But since you have create favicon previously, you must make sure that you have extracted the favicon. Then from the extracted favicons you select one and your favicon is uploaded.

Click "save" to change favicon on Blogger completely.

Now you can go back and visit your blog where you will see your changed favicon there in the beginning of the URL. Or you need to bookmake your blog to see the bookmake icon. If you didn't see it wait for a while and try again.

Read

1. Blogger or WordPress, which platform to start with?
2. how to find gadget ID on blogger blogspot
3. how to add hearder gadgets on blogger blogspot
   

Congratulations! You have successfully learned how to create favicon - change favicon on Blogger blogspot website. If you have any issues on the process you can simply comment below to see if I can help.